
/* CSS Document */

html, body
{
    padding: 0;
    margin: 0;
    background: #180101 url(../images/bg.png) top repeat-x;
    text-align: center;
    font: normal 0.9em/130% Tahoma, Geneva, sans-serif;
    color: #fff;
}
body
{
    background: url(../images/headerBg.png) top center no-repeat;
}
img, table
{
    border: none;
}
ul, form
{
    padding: 0;
    margin: 0;
}
a
{
    color: #fff;
}

.bgBottom
{
    background: url(../images/footerBg.png) bottom center no-repeat;
    height: 100%;
}
.bgTexture
{
    background: url(../images/body_texture.png) center center no-repeat;
}
#pageContent
{
    width: 990px;
    margin: 0 auto;
    text-align: left;
}

#introPage
{
    margin: 0 auto;
    width: 1000px;
    background: url(../images/index.jpg) top center no-repeat;
    text-align: center;
}
.introImg
{
    height: 561px;
    width: 1000px;
}
.introFooter
{
    padding: 10px;
    color: #777;
    font-size: 11px;
}
.introFooter .Hotline
{
    color: #fd7d00;
    font: bold 12px Tahoma, Geneva, sans-serif;
}

/*========== HEADER ==========*/
.Header
{
    height: 130px;
}

/*--- Top Menu ---*/
.topMenu
{
    color: #7e3200;
    padding: 10px 30px;
}
.topMenu a
{
    color: #7e3200;
    text-decoration: none;
}
.topMenu ul
{
    float: left;
}
.topMenu ul a
{
    margin: 0px 15px;
}
.topMenu ul span
{
    margin: 0px 15px;
}

.searchBg
{
    float: left;
    padding: 1px 5px;
    border: 1px solid #7e3200;
    background: url(../images/searchBtn_top.gif) 95% 50% no-repeat;
}
.searchBox
{
    background: none;
    border: none;
    color: #7e3200;
    font: normal 11px Tahoma, Geneva, sans-serif;
    width: 115px;
}
.searchBtn
{
    float: right;
    background: none;
    border: none;
    height: 14px;
    width: 14px;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.shoppingCart
{
    float: right;
}
.shoppingCart a
{
    font-weight: bold;
    text-decoration: underline;
}
.Quantitys
{
    width: 20px;
    border-radius: 5px;
    border: solid 1px #333;
    text-align: center;
}

/*--- Main Menu ---*/
.mainMenu
{
    clear: both;
    height: 65px;
    padding: 0px 35px;
    background: url(../images/mainMenu_bg.png) bottom no-repeat;
}
.mainMenu ul
{
    top: 130px;
    height: 65px;
    font-size: 1.1em;
    text-transform: uppercase;
    list-style: none;
    z-index: 100;
}
.mainMenu ul li
{
    float: left;
    padding: 0px 35px;
}
.mainMenu ul li a
{
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 30px 0px 15px 0px;
}
.mainMenu ul li a:hover
{
    color: #ff9600;
    background: url(../images/mainMenu_lotus.png) center top no-repeat;
}
.mainMenu ul li.current a
{
    color: #ff9600;
    background: url(../images/mainMenu_lotus.png) center top no-repeat;
}


/*========== MAIN BODY ==========*/
.widthBody
{
    width: 980px;
    background: url(../images/bodyBg.png) 50% 10px no-repeat;
    padding: 0px 5px;
}
.bodyBg
{
    background: #703209 url(../images/bodyBgB.png) left bottom no-repeat;
}
.bodyBgTop
{
    background: url(../images/bodyBgT.png) left top no-repeat;
}

/*----- Main Column -----*/
.widthMain
{
    float: left;
    width: 760px;
    padding-bottom: 100px;
}
.mainTitle
{
    padding: 10px 20px;
    background: #000;
    color: #ab1524;
    font: normal 2em "Times New Roman" , Times, serif;
    text-transform: uppercase;
}
.homeTitle
{
    padding: 30px 20px 10px;
    background: #000;
    color: #ab1524;
    font: normal 2em "Times New Roman" , Times, serif;
    text-transform: uppercase;
}

.mainBrowse
{
    font-size: 11px;
    color: #000;
    padding: 5px 10px;
}
.mainBrowse a
{
    padding: 0 5px;
    color: #000;
    text-decoration: none;
    font-weight: bold;
}
.mainBrowse a:hover
{
    text-decoration: underline;
}


/*----- Right Column -----*/
.widthRight
{
    float: right;
    width: 219px;
    border-left: 1px solid #3d1903;
}

/*-- Menu --*/
.rightMenu
{
    padding: 10px 0;
    background: url(../images/rightBg.jpg) center no-repeat;
    color: #e4a883;
    font-size: 11px;
}
.rightMenuHome
{
    padding-top: 35px;
}
.rightMenu a
{
    color: #e4a883;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}
.rightMenu a:hover
{
    color: #fff;
}
.rightMenu .Title
{
    padding-bottom: 10px;
    background: url(../images/rightMenuLine.png) bottom no-repeat;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}
.rightMenu .Content
{
    padding: 15px;
}
.rightMenu ul
{
    list-style: none;
    padding-bottom: 5px;
}
.rightMenu ul li
{
    padding: 5px 5px 5px 10px;
    background: url(../images/bullet_white.gif) 0 10px no-repeat;
}
.rightMenu ul li.current a
{
    color: #fff;
}
.rightMenu ul li.current li a
{
    color: #e4a883;
}
.rightMenu ul li li.current a
{
    color: #fff;
}
.rightMenu ul li ul
{
    padding-top: 5px;
}
.rightMenu ul li li
{
    background: none;
    padding: 10px 10px 0;
}
.rightMenu ul li li a
{
    font-weight: normal;
    font-size: 11px;
}

/*-- Search --*/
.rightSearch
{
    height: 150px;
    background: url(../images/searchBg.png) no-repeat;
    text-align: center;
    font-size: 11px;
}
.rightSearch .Title
{
    padding: 25px 5px 10px;
    color: #f00;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}
.searchTextArea
{
    height: 20px;
    line-height: 20px;
    font: normal 11px Tahoma, Geneva, sans-serif;
    color: #333;
    padding: 0 5px;
    margin: 4px;
    border: none;
}
.searchComboBox
{
    height: 20px;
    line-height: 20px;
    font: normal 11px Tahoma, Geneva, sans-serif;
    color: #333;
    padding-left: 5px;
    margin: 4px;
    border: none;
}
.btnSearch
{
    width: 100px;
    height: 25px;
    margin: 4px;
    line-height: 25px;
    background: url(../images/btnSearch.png) no-repeat;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
}

/*-- Support --*/
.rightSupport
{
    padding: 10px;
    background: #953d09 url(../images/supportBg.png) top no-repeat;
    border-bottom: 1px solid #3d1903;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
}
.rightSupport .Title
{
    padding-bottom: 15px;
    color: #e37a33;
    text-transform: uppercase;
    font-size: 12px;
}
.rightSupport ul
{
    list-style: none;
}
.rightSupport ul li
{
    padding: 3px 5px;
}
.rightSupport ul li a
{
    color: #e29c6d;
    text-decoration: none;
}
.rightSupport ul li a span
{
    padding-left: 5px;
}

/*-- Counter --*/
.rightCounter
{
    height: 64px;
    padding: 5px;
    background: url(../images/counterBg.png) no-repeat;
    border-bottom: 1px solid #3d1903;
    color: #e29c6d;
    text-align: center;
    font-size: 11px;
}
.rightCounter .Title
{
    padding: 5px 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}
.rightCounter span
{
    font-weight: bold;
    font-size: 12px;
}


/*--- Buttons ---*/
.btnCart
{
    float: left;
    color: #000;
}
.btnCartBg
{
    border: none;
    padding: 5px;
    text-align: center;
    background: url(../images/btnSearch.png) left repeat-x;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: white;
    display: inline-block;
    width: 80px;
    margin-right: 4px;
}
.btnCartBgs
{
    border: none;
    padding: 5px;
    text-align: center;
    background: url(../images/btnSearch.png) left repeat-x;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: white;
    display: inline-block;
    width: 90px;
    margin-right: 4px;
    cursor: pointer;
}
.btnCartBgss
{
    border: none;
    padding: 5px;
    text-align: center;
    background: url(../images/btnSearch.png) left repeat-x;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: white;
    width: 90px;
    clear: both;
    float: right;
    margin-top: 10px;
    cursor: pointer;
}

.btnCartBgss2
{
    border: none;
    padding: 5px;
    text-align: center;
    background: url(../images/btnSearch.png) left repeat-x;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: white;
    width: 90px;
    clear: both;
    margin-top: 10px;
    cursor: pointer;
}
.btnCart:hover
{
    color: #fff;
}


/*--- Page number ---*/
.pageNumber
{
    background: #602807;
    padding: 3px 10px;
    line-height: 100%;
    margin: 10px 0;
}
.pageNumber a
{
    display: block;
    float: left;
    padding: 5px 7px;
    margin: 0 5px;
    color: #e29c6d;
    text-decoration: none;
}
.pageNumber a:hover
{
    color: #fff;
}
.pageNumber a.Number
{
    color: #f28c00;
    margin: 0 1px;
    font-weight: bold;
}
.pageNumber a.Number:hover
{
    background: #441900;
}
.pageNumber a.Current
{
    color: #f28c00;
    background: #441900;
    text-decoration: none;
    margin: 0 1px;
    font-weight: bold;
}


/*========== PAGES ==========*/

/*----- HOMEPAGES -----*/

/*-- Gallery --*/
.gallerySize
{
    height: 220px;
}
.galleryBg
{
    position: absolute;
    top: 155px;
    left: 50%;
    margin-left: -500px;
    height: 160px;
    padding: 70px 0px;
    width: 1000px;
    background: url(../images/galleryBg_.png) no-repeat;
    text-align: center;
    z-index: 99;
}
.galleryImg
{
    border: 3px solid #572807;
    max-height: 159px;
    height: expression(this.height > 159 ? 159 : true);
    margin: 0px 3px;
}

/*-- Feature Products --*/
.featureProduct
{
    float: left;
    width: 349px;
}
.featureProduct .Content
{
    padding: 10px 5px;
}
.featureProductTD
{
    color: #fff;
    margin-top: -5px;
}
.featureProductTD a
{
    text-decoration: none;
}
.featureProductImg
{
    width: 150px;
    overflow: hidden;
}
.featureProductImg img
{
    width: 144px;
    width: expression(this.width > 144 ? 144 : true);
    height: 110px;
    height: expression(this.height > 110 ? 110 : true);
    border: 3px solid #521f05;
}
.featureProductTD .Title
{
    color: #e29c6d;
    font-weight: bold;
}
.featureProductTD .Title a
{
    color: #e29c6d;
    text-decoration: none;
}
.productPrice
{
   /*width: 115px;*/ 
    height: 20px;
    line-height: 20px;
    padding: 5px 5px 5px 35px;
    margin: 10px 0;
    background: url(../images/productPrice_bg.png) no-repeat;
    color: #f28c00;
}
.productPrice span
{
    font-weight: bold;
}
.productDetailLink a
{
    text-decoration: underline;
    font-size: 11px;
    line-height: 25px;
}

/*-- Feature Article --*/
.featureArticle
{
    float: right;
    width: 410px;
}
.featureArticleBg
{
    background: url(../images/mainMiddleLine.png) left top no-repeat;
}
.featureArticleTD
{
    padding: 0 5px;
}
.featureArticleTD .Title
{
    color: #e29c6d;
    font-weight: bold;
}
.featureArticleTD .Title a
{
    color: #e29c6d;
    text-decoration: none;
}
.featureArticleImg
{
    width: 150px;
    overflow: hidden;
}
.featureArticleImg img
{
    max-width: 144px;
    width: expression(this.width > 144 ? 144 : true);
    max-height: 110;
    height: expression(this.height > 110 ? 110 : true);
    border: 3px solid #521f05;
}

.featureArticleOthers
{
    padding: 0 15px 10px;
}
.featureArticleOthers ul
{
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 11px;
}
.featureArticleOthers ul li
{
    padding: 5px 5px 5px 10px;
    background: url(../images/bullet_white.gif) 0 10px no-repeat;
}
.featureArticleOthers ul li a
{
    color: #e29c6d;
    text-decoration: none;
    font-weight: bold;
}

/*--------------------*/


/*----- ABOUT US -----*/
.mainAbout
{
    padding: 10px 25px;
}
.mainAbout img
{
    max-width: 594px;
    width: expression(this.width > 594 ? 594 : true);
    border: 3px solid #521f05;
}
/*--------------------*/


/*----- CONTACT US -----*/
.mainContact
{
    padding: 10px 100px;
}
.contactInfo
{
    padding: 10px 25px;
    line-height: 175%;
    font-size: 12px;
}
.contactInfo .comName
{
    color: #e29c6d;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
}
.contactFill
{
    padding: 0 25px;
}
.contactTitle
{
    font-weight: bold;
    padding-right: 25px;
}
.contactForm
{
    width: 250px;
    margin: 3px 0;
    padding: 3px 5px;
    font: normal 12px Tahoma, Geneva, sans-serif;
    color: #555;
    border: none;
}
.contactLine
{
    padding-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #c25610;
}
.contactBtn
{
    margin: 5px 0;
}
/*--------------------*/


/*----- PRODUCTS -----*/
.mainProduct
{
    padding: 10px 20px;
}
.mainProductList
{
    padding: 0 25px;
}
.mainProductListC
{
    padding: 0 25px;
    background: url(../images/productHotBgT.png) top no-repeat;
}
.mainProductListB
{
    background: url(../images/productHotBgB.png) bottom no-repeat;
}

.mainProductHot
{
    width: 710px;
    padding: 10px 0;
    overflow: hidden;
}
.mainProductHot .Title
{
    color: #eeeeee;
    font: normal 24px/150% "Times New Roman" , Times, serif;
    text-transform: uppercase;
}
.mainProductHotBgB
{
    background: url(../images/productHotBgB.png) bottom no-repeat;
}
.mainProductHotBgT
{
    padding: 10px 25px;
    background: url(../images/productHotBgT.png) top no-repeat;
}

.mainProductTD
{
    float: left;
    width: 200px;
    margin: 10px 0 15px;
    overflow: hidden;
    text-align: center;
}
.mainProductTD a
{
    text-decoration: none;
}
.mainProductTD .Title
{
    padding: 5px 0 0;
    color: #e29c6d;
    font: bold 12px/130% Tahoma, Geneva, sans-serif;
    text-transform: none;
}
.mainProductTD .Title a
{
    color: #e29c6d;
    text-decoration: none;
}
.mainProductTDImg
{
    width: 200px;
    height: 150px;
    vertical-align: middle;
}
.mainProductTDImg img
{
    width: 194px;
    /*width: expression(this.width > 194 ? 194 : true);*/
    height: 144px;
    /*height: expression(this.height > 144 ? 144 : true);*/
    border: 3px solid #521f05;
    float:left;
}
.mainProductTDPrice
{
    padding-left: 25px;
}
.mainProductTDButton
{
    padding-left: 60px;
}
.mainProductTDSpace
{
    float: left;
    width: 0;
    padding: 20px 15px;
}

.productDetail
{
    padding: 10px 0;
}
.productDetail a
{
    text-decoration: none;
}
.productDetail .Title
{
    padding: 5px 0;
    color: #e29c6d;
    font: bold 12px/130% Tahoma, Geneva, sans-serif;
}
.productDetail .Title a
{
    color: #e29c6d;
    text-decoration: underline;
}
.productDetailImg
{
    width: 400px;
    overflow: hidden;
}
.productDetailImg img
{
    max-width: 394px;
    width: expression(this.width > 394 ? 394 : true);
    border: 3px solid #521f05;
}
.productDetailContent
{
    padding: 5px 0 5px 20px;
}
.productDetailContent li
{
    padding: 3px 0;
    list-style-position: inside;
}

/*--------------------*/


/*----- ARTICLES -----*/

.widthBodyArticle
{
    clear: both;
    padding: 0;
}
.bodyArticle
{
    padding: 0;
}

.bodyArticle .mainBrowse
{
    font-size: 11px;
    color: #ff9600;
    padding: 10px;
}
.bodyArticle .mainBrowse a
{
    padding: 0 5px;
    color: #ff9600;
    text-decoration: none;
    font-weight: bold;
}
.bodyArticle .mainBrowse a:hover
{
    color: #fff;
}

/*--- Main Column ---*/
.mainArticle
{
    float: left;
    width: 730px;
    margin-bottom: 10px;
}
.mainArticleBgT
{
    background: url(../images/article_title_bg.png) top no-repeat;
}
.mainArticleBgB
{
    background: url(../images/articles_bgB.png) bottom no-repeat;
    padding-bottom: 21px;
}

.mainArticle .mainTitle
{
    height: 65px;
    padding: 35px 10px 0 55px;
    margin: 0;
    color: #ff9600;
    background: none;
}
.mainArticle .mainContent
{
    background: url(../images/articles_bg.png) repeat-y;
    padding: 0 10px 20px;
    color: #000;
}

.mainArticleTD
{
    padding: 15px;
    border-bottom: 1px dotted #b08d56;
    text-align: left;
    color: #000;
}
.mainArticleTD a
{
    color: #f56400;
    text-decoration: underline;
}
.mainArticleTDTitle
{
    color: #672f08;
    font: bold 14px/130% Tahoma, Geneva, sans-serif;
    padding-bottom: 10px;
}
.mainArticleTDTitle a
{
    color: #672f08;
    text-decoration: none;
}
.mainArticleTDImg
{
    padding-right: 15px;
}
.mainArticleTDImg img
{
    max-width: 200px;
    width: expression(this.width > 200 ? 200 : true);
    max-height: 150px;
    height: expression(this.height > 150 ? 150 : true);
}

.mainArticle .pageNumber
{
    background: none;
}
.mainArticle .pageNumber a
{
    color: #f56400;
}
.mainArticle .pageNumber a:hover
{
    color: #672f08;
}
.mainArticle .pageNumber a.Number
{
    color: #f56400;
}
.mainArticle .pageNumber a.Number:hover
{
    background: #672f08;
    color: #fff;
}
.mainArticle .pageNumber a.Current
{
    color: #fff;
    background: #672f08;
}

.articleDetail
{
    color: #000;
    margin: 0;
    padding: 10px 20px;
}
.articleDetail img
{
    margin: 5px 10px;
    max-width: 600px;
    width: expression(this.width > 600 ? 600 : true);
}

.articleComment
{
    margin: 0 10px;
}
.articleComment a
{
    color: #f56400;
    font-size: 11px;
    text-decoration: none;
}
.articleComment .Title
{
    padding: 0 10px;
    color: #f56400;
    font: normal 18px/150% "Times New Roman" , Times, serif;
}
.articleComment .Content
{
    margin: 5px 0 15px;
    padding: 0 15px;
    background: #fff;
    border: 1px solid #ccc;
    color: #555;
}
.articleCommentTD
{
    clear: both;
    padding: 10px 0;
    border-bottom: 1px dotted #aaa;
}
.articleCommentTD a
{
    color: #f56400;
}
.articleCommentTD .Top
{
    float: left;
    color: #777;
    font-size: 11px;
}
.articleCommentTD .Top a
{
    color: #777;
}
.articleCommentTD .nickName
{
    font-weight: bold;
    color: #f56400;
    font-size: 12px;
}
.articleCommentTD .Comment
{
    padding: 5px 0;
}
.articleComment .viewAll
{
    padding: 5px 0;
}

.articleForm
{
    margin: 0 10px;
}
.articleForm .Title
{
    padding: 0 10px;
    color: #f56400;
    font: normal 18px/150% "Times New Roman" , Times, serif;
}
.articleForm .Content
{
    margin: 5px 0 15px;
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #ccc;
    color: #555;
}
.articleForm .Content a
{
    color: #f56400;
    text-decoration: none;
}
.articleFormTxt
{
    color: #555;
    font: normal 12px Tahoma, Geneva, sans-serif;
}

.articleOthers
{
    padding: 10px 20px;
    border-top: 1px dotted #b08d56;
}
.articleOthers .Title
{
    color: #f56400;
    font: normal 18px/150% "Times New Roman" , Times, serif;
    text-transform: uppercase;
}
.articleOthers a
{
    color: #672f08;
    text-decoration: none;
}
.articleOthers ul
{
    padding: 0;
    margin: 0;
    list-style: none;
}
.articleOthers ul li
{
    padding: 3px 10px;
    background: url(../images/bullet_orange.gif) 0 8px no-repeat;
}

/*--- Sub Column ---*/
.rightArticle
{
    float: right;
    width: 245px;
    padding: 0px 5px 10px 0;
}

.rightCalendar
{
    width: 245px;
    height: 285px;
    padding-top: 5px;
    background: url(../images/calendar_bg.png) top no-repeat;
}
.rightCalendar .Title
{
    height: 39px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.rightCalendarTable
{
    color: #555;
}
.rightCalendarTable a
{
    text-decoration: none;
}
.rightCalendarTable th
{
    height: 21px;
    width: 33px;
    text-align: center;
    vertical-align: middle;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: normal;
}
.rightCalendarTable td
{
    width: 33px;
    height: 33px;
    text-align: center;
    vertical-align: middle;
    color: #555;
    font-weight: bold;
}
.rightCalendarTable td span.current
{
    display: block;
    height: 33px;
    width: 33px;
    line-height: 33px;
    color: #000;
    background: url(../images/calendar_current.png) no-repeat;
}
.rightCalendarTable td.normal
{
    display: block;
    height: 33px;
    width: 33px;
    line-height: 33px;
    color: #555;
    background: url(../images/calendar_nor.png) no-repeat;
}
.rightCalendarTable td span.event
{
    display: block;
    height: 33px;
    width: 33px;
    line-height: 33px;
    color: #333;
    background: url(../images/calendar_event.png) no-repeat;
}
.rightCalendarTable td.none
{
    color: #aaa;
}
.rightCalendarTable td.sunday
{
    color: Red;
}

.articleSearch
{
    padding: 0 5px;
    margin: 10px 0;
    height: 40px;
    background: url(../images/articles_searchBg.png) no-repeat;
    color: #fff;
}
.articleSearch .btnSearch
{
    width: 40px;
    height: 20px;
    margin: 4px;
    background: url(../images/articleSearchBtn.png) no-repeat;
    color: #000;
    text-align: center;
    font: bold 11px Tahoma, Geneva, sans-serif;
    border: none;
    line-height: 20px;
    cursor: pointer;
}

.rightCategory
{
    padding: 10px 0;
    color: #e4a883;
}
.rightCategory a
{
    color: #e4a883;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}
.rightCategory span
{
    font-weight: bold;
}
.rightCategory a:hover
{
    color: #fff;
}
.rightCategory .Title
{
    padding: 0 15px 10px;
    background: url(../images/rightMenuLine.png) bottom no-repeat;
    color: #ff9600;
    text-transform: uppercase;
    font-weight: bold;
}
.rightCategory .Content
{
    padding: 15px;
}
.rightCategory ul
{
    list-style: none;
    padding-bottom: 5px;
}
.rightCategory ul li
{
    padding: 5px 5px 5px 10px;
    background: url(../images/bullet_white.gif) 0 10px no-repeat;
}
.rightCategory ul li.current a
{
    color: #fff;
}
.rightCategory ul li.current li a
{
    color: #e4a883;
}
.rightCategory ul li li.current a
{
    color: #fff;
}
.rightCategory ul li ul
{
    padding-top: 5px;
}
.rightCategory ul li li
{
    background: none;
    padding: 10px 10px 0;
}
.rightCategory ul li li a
{
    font-weight: normal;
    font-size: 11px;
}

/*--------------------*/


/*===========================*/


/*========== FOOTER ==========*/
.Footer
{
    clear: both;
    padding: 5px 5px 30px;
    width: 980px;
}
.footerMetadata
{
    padding: 10px 20px;
    background: #53080f url(../images/metadataBg.png) top no-repeat;
    color: #e4a883;
    font-size: 11px;
}
.footerMetadata a
{
    color: #e4a883;
    text-decoration: none;
}
.footerMetadata a:hover
{
    text-decoration: underline;
}
.footerMetadata .Title
{
    font-weight: bold;
    color: #fff;
    font-size: 12px;
    margin: 10px 0;
}
.footerMetadata ul
{
    padding: 0;
    margin: 0;
    list-style: none;
}
.footerMetadata ul li
{
    padding: 2px 0;
}
.emailTextArea
{
    margin: 5px 0;
    padding: 5px 10px;
    border: 1px solid #fff;
    font: normal 12px Tahoma, Geneva, sans-serif;
    color: #555;
}
.facebookLink
{
    display: block;
    width: 100%;
    height: 38px;
    padding-left: 45px;
    line-height: 38px;
    background: url(../images/FB_icon.png) left no-repeat;
}

.footerCopyright
{
    padding: 5px;
    text-align: center;
    color: #680c14;
}
.footerCopyright a
{
    color: #680c14;
}

/*--- Others ---*/
.clear
{
    clear: both;
    height: 0px;
    line-height: 0px;
}

/*===========TOOLTIP============*/
#tooltip
{
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    color: #000;
    padding: 5px;
    opacity: 0.85;
}
#tooltip h3, #tooltip div
{
    margin: 0;
}
#tooltip a
{
    color: Green;
    font-size: small;
}
#btnAddMore
{
    background: url(../images/add.png) left no-repeat;
    padding-left: 20px;
    cursor: pointer;
}
#LoseFocus
{
    width: 500%;
    height: 500%;
    background-color: Black;
    opacity: 0.4;
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
}
#ContainAjax
{
    background-color: White;
    position: absolute;
    width: 700px;
    display: none;
    height: 500px;
    top: 200px;
    left: 20px;
    box-shadow: 0px 0px 15px 5px black;
    z-index: 9;
    padding: 20px;
}
.ProductList li
{
    cursor: pointer;
    margin-top: 5px;
}
.ProductList li:not(.selectedPd)
{
    color: Black;
    width: 300px;
    background: url(../images/add.png) left no-repeat;
    padding-left: 20px;
}
.ProductList li:not(.selectedPd):hover
{
    color: Black;
    width: 300px;
    background: url(../images/add.png) left no-repeat #faeca5;
    padding-left: 20px;
}
.TitleAdd
{
    color: #ab1524;
    font: 24px/150% "Times New Roman" ,Times,serif;
    text-transform: uppercase;
}
.btnSearchPD
{
    display: inline-block;
    background: url(../images/searchBtn_top.gif) center no-repeat transparent;
    width: 10px;
    height: 20px;
    float: right;
}
.selectedPd
{
    background: url(../images/active_off.png) left no-repeat #faeca5;
    color: Black;
    width: 300px;
    padding-left: 20px;
}
.btnPD
{
    display: inline-block;
    width: 60px;
    border-radius: 5px;
    background-color: #ab1524;
    text-align: center;
    padding: 3px 5px 5px 5px;
    cursor: pointer;
    margin-left: 20px;
}
.btnPD:hover
{
    background-color: #ab1010;
}
.tdclick:hover
{
    background-color: #ab1010;
}
.Hover
{
    background-color: black;
    display: block;
    opacity: 0.8;
    padding: 5px 10px;
    position: absolute;
    display:none;
    width: 180px;
    height:  174px;
}

#imgThumnals
{
    width: 420px;
    margin-left: -11px;
    margin-top: 11px;
}
#imgThumnals img
{
    float: left; 
    margin-left:11px;
    width: 122px;
    height: 90px;
    border: solid 2px #521f05;
}
#productInfor
{
    width: 240px;
    margin-bottom: 10px
}